// 公共样式
@import "./public.scss";
@import "./theme.scss";
@import "./icon.scss";
@import "./markdown.scss";
.flex {
    display: flex;
}

.flex_1 {
    flex: 1;
}

.flex_2 {
    flex: 2;
}

.flex_column {
    display: flex;
    flex-direction: column;
}

.flex_row {
    display: flex;
    flex-direction: row;
}

.flex_center {
    justify-content: center;
    align-items: center;
}

.justify_between {
    justify-content: space-between;
}

.justify_around {
    justify-content: space-around;
}

.justify_center {
    justify-content: center;
}

.align_center {
    align-items: center;
}

.align_baseline {
    align-items: baseline;
}

.align_stretch {
    align-items: stretch;
}

.align_end {
    align-items: flex-end;
}

.align_start {
    align-items: flex-start;
}

.align_self_end {
    align-self: flex-end;
}

.align_self_start {
    align-self: flex-start;
}

.align_self_center {
    align-self: center;
}

.align_self_baseline {
    align-self: baseline;
}

.align_self_stretch {
    align-self: stretch;
}

.flex_wrap {
    flex-wrap: wrap;
}

.flex_nowrap {
    flex-wrap: nowrap;
}

.flex_wrap_reverse {
    flex-wrap: wrap-reverse;
}

.flex_column_reverse {
    flex-direction: column-reverse;
}

.flex_row_reverse {
    flex-direction: row-reverse;
}

.pointer {
    cursor: pointer;
    user-select: none;
}

.disabled {
    pointer-events: none;
    cursor: auto;
    opacity: .5;
}

$spacing-types: (m: margin, p: padding);
$spacing-types2: (fontsize:'font-size');
$spacing-direction: (t: top, r: right, b: bottom, l: left, );
$spacing-base-size: 1px;
$spacing-sizes: (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 18, 20, 22, 24, 28, 30, 32, 34, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, 104, 108, 112, 116, 120, 124, 128, 132, 136, 140, 144, 148, 152, 156, 160, 164, 168, 172, 176, 180, 184, 188, 192, 196, 200, 204, 208, 212, 216, 220, 224, 228, 232, 236, 240, 244, 248, 252, );
@each $typeKey,
$type in $spacing-types {
    //m_0
    @each $sizeKey in $spacing-sizes {
        .#{$typeKey}_#{$sizeKey} {
            #{$type}: $sizeKey * $spacing-base-size;
        }
    }
    //mt_0,mb_0,ml_0,mr_0
    @each $dirKey,
    $dir in $spacing-direction {
        @each $sizeKey in $spacing-sizes {
            .#{$typeKey}#{$dirKey}_#{$sizeKey} {
                #{$type}-#{$dir}: $sizeKey * $spacing-base-size;
            }
        }
    }
}

@each $typeKey,
$type in $spacing-types2 {
    @each $sizeKey in $spacing-sizes {
        .#{$typeKey}_#{$sizeKey} {
            #{$type}: $sizeKey * $spacing-base-size;
        }
    }
}

.line_clamp_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

$line_clamp:(2, 3, 4, 5, 6, 7);
@each $sizeKey in $line_clamp {
    .line_clamp_#{$sizeKey} {
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: $sizeKey;
        -webkit-box-orient: vertical
    }
}

.transition_0_3 {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}